<template>
  <div class="page">
    <navigation>{{ $t('实名认证') }}</navigation>
    <div class="page-space"></div>
    <div class="shiming">
      <ul>
        <li>
          <nuxt-link to="/user/person-ca">
            <p>{{ $t('身份证认证') }}</p>
            <i class="iconfont icon-jiantouarrow487"></i><span>{{ $t(auth.user.verified_status_msg) }}</span>
          </nuxt-link>
        </li>
        <li>
          <div v-if="auth.user.verified_status === 1">
            <p>{{ $t('商家认证') }}</p>
            <i class="iconfont icon-jiantouarrow487"></i>
            <span>{{ $t('请先个人认证') }}</span>
          </div>
          <nuxt-link v-else to="/user/merchant-ca">
            <p>{{ $t('商家认证') }}</p>
            <i class="iconfont icon-jiantouarrow487"></i>
            <span>{{ $t(auth.user.otc_merchant_msg) }}</span>
          </nuxt-link>
        </li>
      </ul>
    </div>
  </div>
</template>
<script>
import { mapState } from 'vuex'
import navigation from '@/components/Navigation.vue'
export default {
  components: { navigation },
  computed: {
    ...mapState({
      auth: ({ auth }) => auth
    })
  }
}
</script>
